<template>
  <div>
    <Msiteheader></Msiteheader>
    <Swiper></Swiper>
    <h2 class="list-title">推荐商家</h2>
    <ShopList></ShopList>
    <SelectDis v-if="isShowDis"></SelectDis>
  </div>
</template>

<script>
import Msiteheader from './Msiteheader.vue'
import Swiper from './Swiper'
import ShopList from './ShopList.vue'
import SelectDis from './SelectDis.vue'
import { mapState, mapMutations } from 'vuex'
export default {
  name: 'msite',
  components: {
    Msiteheader,
    Swiper,
    ShopList,
    SelectDis
  },
  methods: {
    ...mapMutations({
      showTab: 'SHOWTAB'
    })
  },
  computed: {
    ...mapState(['isShowDis'])
  },
  mounted: function () {
    this.showTab()
  }
}
</script>

<style lang="scss" scoped>
@import '../../static/hotcss/px2rem.scss';
.list-title{
	margin-top: px2rem(20);
	font-weight: 600;
	line-height: px2rem(69);
	border-top: 1px solid #eee;
	font-size: px2rem(30);
	padding-left:px2rem(30);
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
</style>
